body {
  background: #fff;
  --bg-base: #f2f3f9;
  --blue-base: #9dbffb;
  --black-light: #212121;
  --black-base: #1a191c;
}

.page {
  @apply w-320 box-border;
  background: #f8f8fb;
  min-height: calc(100vh - 15rem);
}

.cpt-coding-loginmodal {
  .el-overlay {
    background: url("https://cdn.codinghou.cn/coding/pc/icons/log-in-A-bg.png") rgba($color: #000000, $alpha: 0.5)
      center center;
  }
  &.cpt-coding-loginmodal-ai {
    .el-overlay {
      background: url("https://cdn.codinghou.cn/coding/pc-ai/icons/bg_login.png") rgba($color: #4592a8, $alpha: 1)
        center center;
    }
  }

  .el-overlay-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .el-dialog {
    background: transparent;
    overflow: hidden;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
  }

  .el-dialog__header {
    display: none;
  }

  .el-dialog__body {
    padding: 0;
  }
}

.cpt-comfyui-pubmodal {
  .el-dialog {
    background: transparent;
  }

  .el-dialog__header {
    display: none;
  }

  .el-dialog__body {
    padding: 0;
  }
}

.el-dialog.paymodal {
  .el-dialog__headerbtn {
    right: 40px;
    top: 20px;
  }

  .el-dialog__close {
    width: 42px;
    height: 42px;
    background: url("https://cdn.codinghou.cn/coding/pc/icons/close.png") left center no-repeat;
    background-size: 42px auto;

    svg {
      display: none;
    }
  }
}
.el-dialog.paymodal {
  .el-dialog__header {
    // display: none;
    background: #20202a;
    background: transparent;
    height: 1px;
  }

  .el-dialog__body {
    padding: 39px 42px;
    background: #20202a;
    background: transparent;
    border: none;
    padding-bottom: 0;
    // background: url("https://cdn.codinghou.cn/coding/pc/icons/popup-category-vip.png")
    //   center center no-repeat;
    // background-size: 702px 400px;

    box-sizing: border-box;

    .panel {
      display: flex;
      align-items: center;

      margin: 0 auto;
      justify-content: center;
    }

    .paycon {
      width: 310px;
      height: 330px;
      border-radius: 10px;
      box-sizing: border-box;
      padding: 30px;

      background: #ffffff;

      .paycon-hd {
        font-size: 15px;
        font-weight: bold;
        color: #303030;
        text-align: center;
      }

      .paycon-bd {
        font-size: 12px;
        color: #303030;
        text-align: center;
      }

      canvas {
        margin: 0 auto;
        display: block;
      }
    }
  }
}

.cpt-comfyui-previewmodal {
  .el-dialog {
    background: transparent;
  }

  .el-dialog__header {
    display: none;
  }

  .el-dialog__body {
    padding: 0;
  }
}

.el-icon-download {
  background: url("https://cdn.codinghou.cn/coding/pc-ai/icons/download-white.png") center center no-repeat;
  background-size: auto 0.8em;
}
